<template>
  <div id="app">
    <div id="nav">
      <!-- <router-link to="/index">首页</router-link> | -->
      <Tn></Tn>
      <Ro></Ro>
      <Like></Like>
      <Bn></Bn>
    </div>
    <router-view/>
  </div>
</template>

<script>

import Bn from "@/components/home/Bottom navigation.vue"
import Tn from "@/components/home/Top navigation.vue"
import Ro from "@/components/home/rotation.vue"
import Like from "@/components/home/like.vue"

export default {
    components:{
      Tn,
      Ro,
      Bn,
      Like,
    }
}
</script>
<style>
#app{
  font-size: 0.3rem;
  padding: 0;
  margin: 0;
}
#nav{
  margin: 0 auto;
}
*{
  font-size: 0.3rem;
  margin: 0;
  padding: 0;
}

</style>
